
<div class="block">
    <div class="block-title">
        <h2><strong>Liste des themes</strong></h2>
    </div>
    <div class="table-responsive">
        <table class="table table-vcenter table-striped">
            <thead>
                <tr>
                    <th  class="text-center">Libelle</th>
                    <th>Description</th>
                    <th>Mots Clés</th>
                    <th style="width: 150px;" class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                    {% for theme in themes %}
                <tr>
                    <td>{{theme.libelle}}</td>
                    <td>{{theme.description}}</td>
                    <td>
                {% for mot in theme.motCles %}
                        <a class="label label-primary" href="javascript:void(0)">{{mot.libelle}}</a>
                {% endfor %}
                    </td>
                    <td class="text-center">
                        <div class="btn-group btn-group-xs">
                            <a href="javascript:editTheme('{{theme.id}}')" data-toggle="tooltip" title="Edit" class="btn btn-default"><i class="fa fa-pencil"></i></a>
                            <a href="javascript:deleteTheme('{{theme.id}}')" data-toggle="tooltip" title="Delete" class="btn btn-danger"><i class="fa fa-times"></i></a>
                        </div>
                    </td>
                </tr>
        {% else %}
                <tr>
                    <td colspan="3">Liste  Vide</td>
                </tr>
        {% endfor %}
            </tbody>
        </table>
    </div>
</div>